import 'package:flutter/material.dart';

class GameLevelButton extends StatelessWidget {
  const GameLevelButton({
    Key? key,
    this.text = '',
    this.width = 60,
    this.height = 60,
    this.borderRadius = 30,
    required this.onTap,
  }) : super(key: key);

  final String text;
  final VoidCallback onTap;
  final double width;
  final double height;
  final double borderRadius;
  
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: onTap,
      child: Container(
        margin: const EdgeInsets.all(10),
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(borderRadius),
          border: Border.all(color: const Color.fromRGBO(0, 0, 0, 0.1), width: 4)
        ),
        alignment: Alignment.center,
        child: Text(text, style: const TextStyle(fontSize: 20, color: Colors.black, fontWeight: FontWeight.bold),),
      ),
    );
  }

  // @override
  // Widget build(BuildContext context) {
  //   LinearGradient gradient = LinearGradient(
  //     begin: Alignment.topCenter, // new
  //     end: Alignment.bottomCenter, // new
  //     // Add one stop for each color.
  //     // Stops should increase
  //     // from 0 to 1
  //     stops: const [0.1, 0.5, 0.7, 0.9],
  //     colors: [
  //       // Colors are easy thanks to Flutter's
  //       // Colors class.
  //       Colors.white,
  //       Colors.grey[100]!,
  //       Colors.grey[200]!,
  //       Colors.grey[300]!,
  //     ],
  //   );

  //   return InkWell(
  //     onTap: onTap,
  //     child: Center(
  //       child: Padding(
  //         padding: const EdgeInsets.only(
  //           top: 0,
  //         ),
  //         child: Container(
  //           padding: const EdgeInsets.all(3),
  //           decoration: BoxDecoration(
  //             color: Colors.white,
  //             borderRadius: BorderRadius.circular(borderRadius),
  //             border: Border.all(
  //               width: 0.3,
  //               color: Colors.black38,
  //             ),
  //             boxShadow: const [
  //               BoxShadow(
  //                 blurRadius: 10,
  //                 offset: Offset(5, 5),
  //                 color: Color.fromRGBO(0, 0, 0, 0.3),
  //               ),
  //             ],
  //             // gradient: gradient,
  //           ),
  //           width: width,
  //           height: height,
  //           child: Container(
  //             decoration: BoxDecoration(
  //               color: Colors.white,
  //               borderRadius: BorderRadius.circular(borderRadius),
  //               border: Border.all(
  //                 width: 0.3,
  //                 color: Colors.black26,
  //               ),
  //               boxShadow: const [
  //                 BoxShadow(
  //                   blurRadius: 1,
  //                   offset: Offset(1, 1.5),
  //                   color: Color.fromRGBO(0, 0, 0, 0.3),
  //                 ),
  //               ],
  //               // gradient: gradient,
  //             ),
  //             child: Center(
  //               child: Text(
  //                 text,
  //                 style: const TextStyle(color: Colors.black, fontSize: 16),
  //               ),
  //             ),
  //           ),
  //         ),
  //       ),
  //     ),
  //   );
  // }
}
